﻿<!DOCTYPE html>
<html>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./css/leaflet.css"/>
<link rel="stylesheet" type="text/css" href="./css/playlist.css"/>
<link rel="stylesheet" href="./js/layui/css/layui.css">
<script src="./js/jquery.min.js"></script>
<script src="./js/leaflet.js"></script>
<script src="./js/L.GameCanvas.js"></script>
<style>
    html, body {
        height: 100%;
        margin: 0;
        background-color: #000;
    }

    #map {
        width: 100%;
        height: 100%;
        background-color: #000;
    }
</style>
<head><title>ZZRadar</title></head>


<body>

<div style="top:0px;left: 5px;position: absolute; z-index: 1002;color:#fff; background-color: rgba(0, 0, 0, 0.6);padding: 5px 8px;">
    <span>观战人数:</span><span id="AudienceCount">0</span>
    <br/>
    <span id="item1"> 物资1</span>
    <span id="item2"> 物资2</span>
    <span id="item3"> 物资3</span>
    <span id="item4"> 物资4</span>
    <span id="Vehicles"> 载具</span>
    <span id="AimAt"></span>
</div>


<div id="map"></div>
<div id="Menu" hidden="true">
    <div class="layui-tab layui-tab-brief">
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <form class="layui-form">
                    <div class="layui-form-item" style="height: 30px">
                        <div class="layui-input-inline" style="left: 10px;">
                            <input type="checkbox" name="infoSwitch" title="人物信息" lay-filter="Cbfilter">
                        </div>
                        <div class="layui-inline" style="left: 10px;">
                            <label class="layui-form-label" style="font-size: 13px;">队友颜色</label>
                            <div id="teamCol"></div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="height: 30px">
                        <div class="layui-input-inline" style="left: 10px;">
                            <input type="checkbox" name="fllowSwitch" title="地图跟随" checked="true" lay-filter="Cbfilter">
                        </div>
                        <div class="layui-inline" style="left: 10px;">
                            <label class="layui-form-label" style="font-size: 13px;">本人颜色</label>
                            <div id="selfCol"></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="user-list">
    <div class="list-bar">
        <div class="list-btn close">关</div>
        <div class="list-btn zoomin">+</div>
        <div class="list-btn zoomout">-</div>
        <div class="list-btn select-item-btn">选</div>
    </div>
    <dl>
        <dt id="team">队</dt>
        <dd id="clan">公会</dd>
        <dd id="name" class="name">玩家名称</dd>
        <dd id="rank">段位</dd>
        <dd id="kda">KDA</dd>
        <dd id="level">等级</dd>
        <dd id="damage">场伤</dd>
        <dd id="tag" class="tag">标记</dd>
    </dl>

    <div class="list-content"></div>

    <div class="list-bar">
        <div class="curr-rank">排名:<span>--</span></div>
        <div class="last-one"></div>
    </div>

    <div class="select-item" style="display: none;">
        <div><input checked id="kda" name="kda" type="checkbox" value="1"/> <label for="kda">KDA</label></div>
        <div><input checked id="level" name="level" type="checkbox" value="1"/> <label for="level">等级</label></div>
        <div><input checked id="damage" name="damage" type="checkbox" value="1"/> <label for="damage">场伤</label></div>
        <div><input checked id="tag" name="tag" type="checkbox" value="1"/> <label for="tag">标记</label></div>
    </div>
</div>
</body>
<script src="./js/pako.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/mqtt.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/mqttsocket.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/utils.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/radar.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/Menu.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/playlist.js" type="text/javascript" charset="utf-8"></script>
<div id='UserPort' hidden='true'>
    86
</div>

<div id='addr' hidden='true'>
    127.0.0.1
</div>

</html>
